html {font-size: 62.5%;}
body { font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial; font-size: 1.4rem; font-size: 14px; color: #2a2a2a; line-height: 26px; letter-spacing: .03em; background: #fff;}
ul, ol, li, p{ padding: 0; margin: 0; list-style: none;}
a{ color: #565656; text-decoration: none; outline: none;}
a:hover, a:active, a:focus{ text-decoration: none;}
label{ font-weight: normal;} .bold{ font-weight: bold;}
input{ padding: 5px 8px; border: 0 none; font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial;}
h1{ margin: 0;} 
.pic{ position: relative; width: 100%; text-align: center; overflow: hidden;}
.pic img, .flex-row img, .logo img, .banner img{ width: 100%; height: 100%;}
.trans, .remark, .list a{ -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.scale{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all ease 0.38s;}
a:hover .scale{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}

.clearfix:after, .clearfixlist li:after, .container:after, .form-group:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li, .container, .form-group{ zoom:1;}
.clear{ clear:both; display:block;} .fl{ float: left;} .fr{ float: right;}
.show-xs{ display: none;}
.flex-row, .recruit-list a{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; flex-direction: row;}
.flex-col, .remark{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; flex-direction: column;}
.around{ justify-content: space-around; align-items: center;}
.between{ justify-content: space-between; align-items: center;}
.center, .remark{ justify-content: center; align-items: center;}
.wrap{ flex-wrap: wrap;}

.red{ color: #0046ad;} .blue{ color: #e70d1e;} .orange{ color: #e83d01;}
.rect{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.circle, .btn-swiper{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}

.font-12{ font-size: 12px; line-height: 18px;}
.font-15{ font-size: 15px; line-height: 28px;}
.font-16{ font-size: 16px; line-height: 30px;}
.font-18{ font-size: 18px; line-height: 32px;}
.font-28{ font-size: 28px;}
.font-32{ font-size: 32px;}
.font-36{ font-size: 36px;}

.show-pad, .show-phone{ display: none;} .block{ display: block;}
.vertical{ display: table-cell; vertical-align: middle;}
.text-ellipsis, .name{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.scroll-top{ position: fixed; z-index: 99; bottom: 28px; right: 38px; width: 48px; height: 48px; opacity:0; -webkit-transform:translateX(100%) rotate(360deg); transform:translateX(100%) rotate(360deg); transition:all .5s ease; background: url(../images/btn-scrollTop.png) no-repeat 0 0; background-size: 100% 100%;}
.scroll-top.rollIn{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); transition:all .5s ease;}

.btn-swiper, .horn, .arrow{ background: url(../images/sprite.png) no-repeat center -9999em;}
.arrow{ padding-right: 16px; background-position: right -96px;}

/* fixedNav */
.fixedNav{ position: fixed; z-index:100000; top:0px; left:0px; width:100%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.header-top{ background: url(../images/bg-header.jpg) no-repeat center top; background-size: 100% 100%;}
.header-top img{ width: 100%;}
.flex-header{ height: 142px;}
.flex-header .txt{ width: 28%; max-width: 366px;}
.logo{ width: 38%; max-width: 472px;}
.header-nav{ border-top: 3px solid #26bfff; background: #fff;}
.navbar-nav{ float: none;}
.nav>li{ position: relative; width: 10%; height: 50px; text-align: center;}
.nav>li>a{ display: block; padding: 0; font-size: 16px; line-height: 50px; color: #202020; transition: all .2s ease-in-out;}
.nav>li.active>a, .nav>li>a:hover, .nav>li>a:focus, .nav>li.nav-hover>a{ color: #fff; background: #287acc;}
.dropdown-menu{ min-width: 258px; height: auto; padding: 28px 0; text-align: center; background: #287acc;}
.dropdown-menu>li span{ display: block; padding: 10px 0; border-bottom: 1px dashed #9eceff;}
.dropdown-menu>li>a{ display: block; padding: 0 24px; font-size: 14px; color: #fff;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ color: #fff; background-color: #1fa3ff;}

/* footer */
.footer{ background: url(../images/bg-footer.jpg) no-repeat center top; background-size: 100% 100%;}
.copyright{ padding: 12px 0; font-size: 12px; color: #fff; text-align: center; background: #00579a;}
.copyright a{ font-size: 13px; color: #fff;}
.copyright a:hover{ color: #2190ff;}

/* 轮播广告 */
.skitter-large-box{ width: 100%;}
.skitter{position:relative; height: 300px;background:black}
.skitter>a img,.skitter>img{max-width:none}
.skitter ul{display:none}
.skitter .container_skitter{overflow:hidden;position:relative}
.skitter .container_skitter .image_main{width:100%}
.skitter .image{overflow:hidden}
.skitter .image>a img,.skitter .image>img{width:100%;display:none}.skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20}.skitter .box_clone img{position:absolute;top:0;left:0;z-index:20}
.skitter .prev_button, .skitter .next_button{position:absolute;z-index:152;bottom:20%;width:61px;height:134px; -webkit-transform:translateY(-50%);transform:translateY(-50%); overflow:hidden;text-indent:-9999em;transition:all 0.2s}
.skitter .prev_button:hover,.skitter .next_button:hover{opacity:0.5}
.skitter .info_slide{position:absolute;top:15px;left:15px;z-index:100;background-color:#000;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;border-radius:5px;opacity:0.75}
.skitter .info_slide .image_number{background-color:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;border-radius:2px;transition:all 0.2s}
.skitter .info_slide .image_number:hover{background-color:#000}
.skitter .info_slide .image_number.image_number_select{background-color:#ccc;color:black}
.skitter .container_thumbs{position:relative;overflow:hidden;height:50px}
.skitter .info_slide_thumb{height:50px;border-radius:0;overflow:hidden;top:auto;top:0;left:0;padding:0;opacity:1.0}
.skitter .info_slide_thumb .image_number{overflow:hidden;width:100px;height:50px;position:relative;margin:0;padding:0;border-radius:0;background-size:cover;background-position:center center}
.skitter .info_slide_thumb .image_number.image_number_select{opacity:.4}.skitter .box_scroll_thumbs{padding:0}.skitter .box_scroll_thumbs .scroll_thumbs{position:absolute;bottom:60px;left:50px;background-color:#ccc;width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;cursor:pointer;border:0px solid #333}
.skitter .info_slide_dots{position:absolute;bottom:18px;z-index:90;padding:5px 0 5px 5px;border-radius:50px}
.skitter .info_slide_dots .image_number{background-color:#fff;float:left;margin:0 12px 0 0;cursor:pointer;width:12px;height:12px;text-indent:-9999em;overflow:hidden;transition:all 0.2s}
.skitter .info_slide_dots .image_number:hover{background-color:#178ef2}
.skitter .info_slide_dots .image_number.image_number_select{background-color:#178ef2}
.loading{position:absolute;top:50%;right:50%;z-index:10000;margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;width:32px;height:32px}.label_skitter{z-index:150;position:absolute;bottom:0px;left:0px;display:none;z-index:150;position:absolute;bottom:0px;left:0px;display:none;background:linear-gradient(transparent, #000);width:100%}.label_skitter p{color:#fff;padding:10px;margin:0;font-size:14px}.progressbar{background-color:#000;position:absolute;top:5px;left:15px;height:5px;width:200px;z-index:99;border-radius:20px}.preview_slide{display:none;position:absolute;z-index:152;bottom:30px;left:-40px;width:100px;height:100px;background-color:#fff;border:1px solid #222;box-shadow:rgba(0,0,0,0.7) 2px 2px 5px;overflow:hidden}.preview_slide ul{height:100px;overflow:hidden;margin:0;padding:0;list-style:none;display:block;position:absolute;top:0;left:0}.preview_slide ul li{width:100px;height:100px;overflow:hidden;float:left;margin:0;padding:0;position:relative;display:block}.preview_slide ul li img{position:absolute;top:0;left:0;height:150px;width:auto}#overlay_skitter{position:absolute;top:0;left:0;width:100%;z-index:9998;opacity:1;background-color:#000}.skitter .focus_button{position:absolute;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;opacity:0;transition:all 0.2s}.skitter .play_pause_button{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;opacity:0;transition:all 0.2s}.skitter .play_pause_button:hover{opacity:0.5}.skitter .focus_button:hover{opacity:0.5}.skitter .focus_button,.skitter .play_pause_button{display:block;background:url("../images/sprite-default.png") no-repeat;background-size:84px auto}
.skitter .play_pause_button{background-position:-0px -0px;width:42px;height:42px}
.skitter .play_pause_button.play_button{background-position:-0px -84px;width:42px;height:42px}
.skitter .focus_button{background-position:-42px -0px;width:42px;height:42px;top:35px;left:35px}
.skitter-clean .prev_button,.skitter-clean .next_button,.skitter-clean .play_pause_button,.skitter-clean .focus_button{display:block;background:url("../images/skitter/sprite-clean.png") no-repeat;background-size:47px auto}.skitter-clean .prev_button{background-position:0px 0px;width:47px;height:46px}.skitter-clean .next_button{background-position:0px -46px;width:47px;height:46px}.skitter-clean .play_pause_button{background-position:-0px -133px;width:41px;height:41px}.skitter-clean .play_pause_button.play_button{background-position:-0px -92px;width:41px;height:41px}.skitter-clean .focus_button{background-position:-0px -174px;width:41px;height:41px}.skitter-clean .info_slide{background-color:transparent}.skitter-clean .info_slide .image_number{background-color:#fff;box-shadow:rgba(0,0,0,0.2) 1px 1px 0;font-size:12px;font-weight:normal;color:#333}.skitter-clean .info_slide .image_number:hover{background-color:#ccc}.skitter-clean .info_slide .image_number.image_number_select{background-color:#111;color:#fff}.skitter-clean .info_slide_dots{background:rgba(0,0,0,0.07);box-shadow:rgba(0,0,0,0.3) 1px 1px 0}.skitter-clean .info_slide_dots .image_number{width:14px;height:14px;background-color:#999}.skitter-clean .info_slide_dots .image_number:hover{background-color:#333}.skitter-clean .info_slide_dots .image_number.image_number_select{background-color:#111}.skitter-clean .progressbar{top:5px;left:5px;background-color:#fff;box-shadow:rgba(0,0,0,0.5) 1px 1px 0}.skitter-minimalist .prev_button,.skitter-minimalist .next_button,.skitter-minimalist .play_pause_button,.skitter-minimalist .focus_button{display:block;background:url("../images/skitter/sprite-minimalist.png") no-repeat;background-size:24px auto}.skitter-minimalist .prev_button{background-position:-0px -0px;width:24px;height:28px}.skitter-minimalist .next_button{background-position:-0px -28px;width:24px;height:28px}.skitter-minimalist .play_pause_button{background-position:-0px -74px;width:18px;height:18px;-webkit-transform:none;transform:none;top:35px;left:35px}.skitter-minimalist .play_pause_button.play_button{background-position:-0px -56px;width:18px;height:18px}.skitter-minimalist .focus_button{background-position:-0px -92px;width:18px;height:18px;-webkit-transform:none;transform:none;top:35px;left:95px}.skitter-minimalist .info_slide{background-color:transparent}.skitter-minimalist .info_slide .image_number{background-color:#000;box-shadow:rgba(255,255,255,0.2) 1px 1px 0;font-size:12px;font-weight:normal;background-color:#999}.skitter-minimalist .info_slide .image_number:hover{background-color:#111}.skitter-minimalist .info_slide .image_number.image_number_select{background-color:#ccc}.skitter-minimalist .info_slide_dots .image_number{width:14px;height:14px;box-shadow:rgba(255,255,255,0.2) 1px 1px 0;background-color:#999}.skitter-minimalist .info_slide_dots .image_number:hover{background-color:#111}.skitter-minimalist .info_slide_dots .image_number.image_number_select{background-color:#ccc}.skitter-round .prev_button,.skitter-round .next_button,.skitter-round .play_pause_button,.skitter-round .focus_button{display:block;background:url("../images/skitter/sprite-round.png") no-repeat;background-size:47px auto}.skitter-round .prev_button{background-position:-0px -0px;width:23px;height:47px;left:-23px}.skitter-round .next_button{background-position:-23px -0px;width:23px;height:47px;right:-23px}.skitter-round .next_button:hover{opacity:1}.skitter-round .prev_button:hover{opacity:1}.skitter-round .play_pause_button{background-position:-0px -70px;width:47px;height:23px;top:0;left:24px;-webkit-transform:none;transform:none}.skitter-round .play_pause_button.play_button{background-position:-0px -47px;width:47px;height:23px}.skitter-round .focus_button{background-position:-0px -93px;width:47px;height:23px;top:0;left:82px;margin-top:0}.skitter-round .info_slide{background-color:transparent}
.skitter-round .info_slide .image_number{background-color:#777;box-shadow:rgba(255,255,255,0.2) 1px 1px 0;font-size:12px;font-weight:normal}
.skitter-round .info_slide .image_number:hover{background-color:#333}.skitter-round .info_slide .image_number.image_number_select{background-color:#111;color:white}.skitter-round .info_slide_dots .image_number{width:14px;height:14px;box-shadow:rgba(255,255,255,0.2) 1px 1px 0;background-color:#777}.skitter-round .info_slide_dots .image_number:hover{background-color:#333}.skitter-round .info_slide_dots .image_number.image_number_select{background-color:#111}.skitter-round .progressbar{top:-10px;left:0px;background-color:#333;box-shadow:rgba(255,255,255,0.3) 1px 1px 0}.skitter-square .play_pause_button,.skitter-square .next_button,.skitter-square .focus_button,.skitter-square .prev_button{display:block;background:url("../images/skitter/sprite-square.png") no-repeat;background-size:110px auto}.skitter-square .play_pause_button{background-position:-55px -0px;width:55px;height:55px;top:10px;left:10px;bottom:auto;right:auto;margin-top:0;-webkit-transform:none;transform:none}.skitter-square .play_pause_button.play_button{background-position:-0px -0px;width:55px;height:55px}.skitter-square .focus_button{background-position:-55px -55px;width:55px;height:55px;top:10px;left:65px;bottom:auto;right:auto;margin-top:0;-webkit-transform:none;transform:none}.skitter-square .next_button{background-position:-0px -55px;width:55px;height:55px;top:10px;left:auto;right:10px;margin:0;-webkit-transform:none;transform:none}.skitter-square .prev_button{background-position:-0px -110px;width:55px;height:55px;top:10px;left:auto;right:65px;margin:0;-webkit-transform:none;transform:none}.skitter-square .info_slide{background-color:transparent}.skitter-square .info_slide .image_number{background-color:#fff;box-shadow:rgba(0,0,0,0.2) 1px 1px 0;font-size:12px;font-weight:normal;color:#333}.skitter-square .info_slide .image_number:hover{background-color:#ccc}.skitter-square .info_slide .image_number.image_number_select{background-color:#111;color:#fff}.skitter-square .info_slide_dots .image_number{width:14px;height:14px;box-shadow:rgba(255,255,255,0.2) 1px 1px 0;background-color:#ccc}.skitter-square .info_slide_dots .image_number:hover{background-color:#999}.skitter-square .info_slide_dots .image_number.image_number_select{background-color:#555}.skitter-square .progressbar{top:0;left:0;width:100%;background-color:#fff;border-radius:0;height:2px}
.skitter-spinner{padding:10px 12px;border-radius:100%;pointer-events:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.skitter-spinner .icon-sending{display:inline-block;-webkit-animation:rotateMe 500ms linear infinite;animation:rotateMe 500ms linear infinite;border-radius:100%;border:2px solid white;border-bottom-color:transparent;width:20px;height:20px;vertical-align:top}@-webkit-keyframes rotateMe{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateMe{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

/* mod */
.mod{ padding: 38px 0;}
.btn-more{ display: block; width: 92px; height: 28px; border: 1px solid #287acc; vertical-align: middle; color: #287acc; text-transform: uppercase; text-align: center;}
.flex-title{ margin-bottom: 28px;}
.title{ line-height: 42px; color: #2190ff;}
.title .china{ font-size: 24px; font-weight: bold;}
.title .en{ margin-left: 12px; font-size: 20px; color: #5b5b5b; text-transform: uppercase;}

.mod-news, .mod-pro{ background: url(../images/bg-comm.jpg) no-repeat center top; background-size: cover;}
.flex-news .col{ width: 32%;}
.news-info{ position: relative;}
.news-info .pic{ position: relative; margin-bottom: 15px;height:280px}
.news-info .name, .news-info .plus{ position: absolute; bottom: 0; left: 0;}
.news-info .name{ width: 100%; height: 48px; padding: 0 8px 0 48px; font-size: 16px; line-height: 48px; color: #fff; background: rgba(0,0,0, .6);}
.news-info .plus{ z-index: 8; left: 0; width: 48px; height: 48px; font-size: 38px; line-height: 40px; color: #fff; background: #ff6e1f;}
.news-info .txt{ height: 66px; font-size: 13px; line-height: 22px; color: #767676; overflow: hidden;}
.press-list li{ position: relative; padding: 0 88px 0 18px; margin-bottom: 16px;}
.press-list li:after{ content: '\0020'; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; background: #178ef2;}
.press-list .date{ position: absolute; top: 0; right: 0; font-size: 13px; color: #878787;}
.press-list a:hover .name{ color: #178ef2;}

.remark{ opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 12px; color: #fff; background: rgba(23,139,255, .68);}
.remark .txt{ max-height: 66px; margin-bottom: 8px; line-height: 22px; overflow: hidden;}
.remark .plus{ width: 40px; height: 40px; border: 1px solid #fff; font-size: 28px; line-height: 32px;}
a:hover .remark{ opacity: 1;}
.mod-case .title .en{ color: #a3a3a3;}
.case-list{ margin: 0 -12px;}
.case-list li{ float: left; width: 33.3%; margin-bottom: 20px; text-align: center;}
.case-list a{ display: block; padding: 0 12px; font-size: 15px;}
.case-list .pic{ position: relative; margin-bottom: 8px;}
.case-list a:hover .name{ color: #178bff;}

/* swiper */
.mod-cert{ background: url(../images/bg-cert.jpg) no-repeat center top; background-size: cover;}
.mod-cert .bd{ position: relative;}
.mod-cert .title, .mod-cert .title .en, .mod-cert .btn-more{ color: #fff;}
.mod-cert .btn-more{ border-color: #fff;}
.swiper-container a, .swiper-container .name{ -moz-transition: all 0.28s ease-in-out; -webkit-transition: all 0.28s ease-in-out; -o-transition: all 0.28s ease-in-out; transition: all 0.28s ease-in-out;}
.swiper-container .pic{ display: block; position: relative;}
.btn-swiper{ position: absolute; z-index: 8; top: 45%; bottom: 38%; width: 35px; height: 35px; background-color: rgba(0,0,0,.6)}
.btn-swiper:hover{ background-color: #ff6e1f;}
.swiper-prev{ left: -48px; background-position-y: 10px;}
.swiper-next{ right: -48px; background-position-y: -24px;}
.swiper-product{ padding: 0 160px;}
.swiper-about .pic{ border: 2px solid #fff;}

.mod-about{ color: #fff; background: url(../images/bg-about.jpg) no-repeat center top; background-size: cover;}
.mod-about .inner{ position: relative; padding-right: 42%;}
.mod-about .frame{ position: absolute; top: 0; right: 0; width: 32%; padding: 0 18px; background: url(../images/bg.png) no-repeat center center; background-size: cover;}
.mod-about .logo{ width: 68%; max-width: 520px; margin-bottom: 18px;}
.mod-about .btn-more{ float: right; border-color: #fff; margin-top: 16px; color: #fff;}

.fixed-bar{ position: fixed; z-index: 999; bottom: 28%; right: 0; width: 200px; border: 1px solid #287acc; background: #fff;}
.fixed-bar .hd{ padding: 8px; font-size: 16px; font-weight: bold; line-height: 32px; color: #fff; text-align: center; background: #287acc;}
.fixed-bar .horn{ display: inline-block; padding-left: 28px; background-position: left -58px;}
.fixed-bar .bd{ padding: 8px 16px 12px; border: 1px solid #b7d3ee;}
.fixed-bar li{ border-bottom: 1px dashed #184fff;}
.fixed-bar li:last-child{ border-bottom: 0 none;}
.fixed-bar a{ display: block; padding: 5px 0; font-size: 13px; color: #00579a;}
.fixed-bar a:hover{ color: #1fa3ff;}

/* init */
.init{ padding: 30px 0; background: url(../images/bg-init.jpg) no-repeat center top; background-size: 100% 100%;}
.init .inner{ padding: 38px; background: rgba(255,255,255, .68);}
.init .pic{ margin: 12px 0;}
.init img{ width: auto; height: auto;}
.banner{ max-height: 370px;}
.flex-crumb{ height: 48px; line-height: 48px; color: #fff; background: #287acc;}
.crumb a{ font-size: 12px;}
.switch-nav a{ display: inline-block; width: 128px; font-size: 16px; font-weight: bold; color: #fff; text-align: center;}
.switch-nav a:hover, .switch-nav .active{ background: #1fa3ff;}

.init-title{ width: 45%; max-width: 550px; padding: 0 0 8px; margin: 0 auto 28px; font-size: 26px; font-weight: bold; line-height: 32px; color: #2190ff; text-align: center; background: url(../images/bg-title.png) no-repeat center bottom; background-size: 98% 78%;}
.init-title .en{ margin-top: 8px; font-size: 22px; color: #b3b3b3; text-transform: uppercase;}
.init-about .txt{ margin-bottom: 20px; font-size: 16px; color: #303030;}

.list{ margin-top: 18px;}
.list li{ margin-bottom: 16px; background: #fff;}
.list a{ display: block; position: relative; padding: 20px 20px 20px 248px; border: 1px solid #d5d5d5; font-size: 13px; color: #767676;}
.list .pic{ position: absolute; top: 20px; left: 20px; width: 212px; height: 162px; margin: 0;}
.list img{ width: 100%; height: 100%;}
.list .info{ height: 162px;}
.list .name{ font-size: 17px; font-weight: bold; color: #242424;}
.list .txt{ height: 72px; margin: 6px 0 16px; line-height: 24px; overflow: hidden;}
.list .date{ color: #6c6c6c;}
.list a:hover, .list a:hover .name, .list a:hover .date{ color: #fff;}
.list a:hover{ border-color: #1fa3ff; background: #1fa3ff;}

.recruit-list li{ border-bottom: 1px dashed #494949;}
.recruit-list a{ position: relative; padding: 18px 0 18px 18px; font-size: 16px; color: #888;}
.recruit-list .circle{ position: absolute; top: 28px; left: 0; width: 6px; height: 6px; background: #101010;}
.recruit-list .name{ width: 20%; color: #111;}
.recruit-list .txt{ width: 58%;}
.recruit-list .date{ font-size: 14px;}
.recruit-list a:hover .circle{ background: #287acc;}
.recruit-list a:hover .name{ color: #287acc;}

.form-online .start{ position: relative; padding-left: 86px; margin-bottom: 28px;}
.form-online .flex-half{ width: 48%;}
.form-online .control-label{ position: absolute; top: 0; left: 0;}
.form-online .btn-confirm{ display: block; width: 218px; height: 42px; margin: 28px auto 0; line-height: 42px; color: #fff; text-align: center; background: #1fa3ff;}

.init-pro .container{ position: relative;}
.init-pro .main{ padding: 24px; margin-left: 280px; color: #303030; background: rgb(255,255,255, .68);}
.init-pro .subtitle{ margin-bottom: 18px; font-size: 16px; text-align: center;}
.init-pro .txt{ font-size: 12px; margin-bottom: 12px; line-height: 22px;}
.aside{ position: absolute; width: 256px;}
.aside .title{ padding: 12px 8px; line-height: 32px; color: #fff; text-align: center; background: #287acc;}
.aside .en{ padding: 0; color: #9dccfb;}
.aside-list li{ position: relative; z-index: 8; margin-top: 1px;}
.aside-list a{ display: block; width: 100%; padding: 12px; font-size: 14px; background: #287acc;}
.sublist{ display: none; position: absolute; top: 0; left: 100%; width: 250px; padding: 12px 20px; background: #1fa3ff;}
.sublist li{ border-bottom: 1px dashed #98cdff; margin: 0;}
.sublist li:last-child{ border-bottom: 0 none;}
.sublist a{ padding: 6px; background: transparent;}
.sublist a:hover{ color: #000;}

/* 新闻详细 */
.init-detail .title{ font-size: 18px; color: #111; text-align: center;}
.init-detail .subtitle{ margin-bottom: 5px; font-size: 13px; color: #666;}
.news-more{ margin: 28px 0 18px;}
.news-more .caption{ border: 0 none; margin-bottom: 8px; font-size: 20px; color: #111;}
.news-more a{ display: block; position: relative; height: 40px; padding-right: 78px; border-bottom: 1px dashed #dbdbdb; line-height: 38px; color: #616161;}
.news-more span{ position: absolute; top: 0; right: 0; font-size: 13px;}
.news-pagination{ position: relative; padding: 10px 130px 10px 18px; border: 1px solid #cdcdcd; background: #f7f7f7;}
.news-pagination a{ width: 68%; height: 26px; margin-bottom: 10px; font-size: 15px; color: #242424;}
.news-pagination span{ float: left; color: #616161;}
.news-pagination .btn-back{ position: absolute; top: 20px; right: 8px; width: 115px; height: 38px; padding-left: 36px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 16px; color: #fff; line-height: 38px; background: url(../images/icon-back.png) no-repeat 8px center #287acc; background-size: 22px;}
.news-pagination .btn-back:hover{ color: #fff;}
.news-pagination a:hover, .news-more a:hover{ color: #287acc;}
.news-catagory a.item{ display: block; padding: 20px; margin-bottom: 8px; color: #222; background: #f5f5f5;}
.news-catagory .name{ height: 32px; padding-bottom: 12px; border-bottom: 1px dashed #222; margin-bottom: 8px; font-size: 18px; color: #222; text-overflow: ellipsis; overflow: hidden;}
.news-catagory .date{ margin-bottom: 18px; color: #858585;}
.news-catagory .info{ margin-bottom: 0;}
.news-catagory a:hover{ color: #fff; background: #287acc;}
.news-catagory a:hover .name, .news-catagory a:hover .date{ color: #fff;}
.news-catagory a:hover .name{ border-bottom-color: #fff;}

/* pagination */
.pagination{ margin-top: 28px;}
.pagination, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{ -webkit-border-radius: 0; border-radius: 0;}
.pagination>li{ float: left; margin-right: 6px;}
.pagination>li>a{ padding: 5px 10px; border: 1px solid #cfcfcf; color: #aaa; background: transparent;}

/* Bounce To Right */
.bounce-to-right{ position: relative; vertical-align: middle;
  -webkit-transform: translateZ(0); transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;
  backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;
  -webkit-transition-property: color; transition-property: color;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
.bounce-to-right:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: #178bff;
  -webkit-transform: scaleX(0); transform: scaleX(0);
  -webkit-transform-origin: 0 50%; transform-origin: 0 50%;
  -webkit-transition-property: transform; transition-property: transform;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.bounce-to-right:hover, .bounce-to-right:focus, .bounce-to-right:active{ border-color: #178bff; color: #fff;}
.bounce-to-right:hover:before, .bounce-to-right:focus:before, .bounce-to-right:active:before{
  -webkit-transform: scaleX(1); transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

@media (max-width: 1200px){ 
	.flex-title{ margin-bottom: 18px;}
	.init-title .en{ font-size: 18px;} 
	.mod-about .frame{ margin-top: 88px;}
	.swiper-product{ padding: 0 80px;}
}
@media (max-width: 991px){  
    .navbar-collapse{ margin-right: 108px;}
    .nav>li>a{ font-size: 14px;}
    .dropdown-menu>li>a{ font-size: 12px;}
    .flex-header{ height: 88px;}

    .mod{ padding: 28px 0;}
    .title{ line-height: 32px;}
	.title .china{ font-size: 20px;}
	.title .en{ font-size: 16px;}
    .remark .txt{ font-size: 13px;}

	.mod-about .inner{ padding: 0;}
	.mod-about .btn-more{ margin-top: 8px;}
	.mod-about .logo{ margin: 0 auto 16px;}
	.mod-about .frame{ position: relative; width: 48%; margin: 28px auto 0;}
    .flex-news .col{ width: 48%;}
    .flex-news .col-whole{ width: 100%; margin-top: 16px;}
    .press-list li{ margin-bottom: 8px;}

    .swiper-product{ padding: 0 38px;}
    .acse-list{ margin: 0 -8px;}
    .case-list a{ padding: 0 8px;}

    /* init */
    .init .inner{ padding: 18px;}
    .init-title{ width: 58%;}
    .init-title .en{ font-size: 18px;}
    .recruit-list a{ padding: 12px 0 12px 18px; font-size: 15px;}
    .recruit-list .circle{ top: 24px;}
    .recruit-list .txt{ font-size: 14px;}
    .recruit-list .date{ font-size: 13px;}
    .form-online{ padding: 0 0 28px;}

    .init-pro .main{ margin-left: 268px; padding: 18px;}
}

@media (max-width: 767px){
    .hide-pad, .hide-sm, .aside-title .hide-sm{ display: none;}
    .show-pad, .show-pad.btn-more{ display: block;}
    .row, .col-sm-6, .col-md-6, .col-md-6{ padding: 0; margin: 0;}
    .container{ padding: 0 10px;} 

    #online{ position: fixed; z-index: 999; bottom: 28px; width: 68%; height: 40px; margin: 0 16%; border-radius:80px; box-shadow: 0 5px 10px rgba(0,0,0,.1); background: rgba(243,243,243,.9);}
    #online a{ float: left; position: relative; width: 33.333%; height: 100%; font-size: 18px; color: #233876; line-height: 40px; text-align: center; text-indent: -9999em; background: url(../images/online.png) no-repeat center 10px; background-size: 18px 102px;}
    #online a:after{ content:"";position:absolute;right:0;height:100%;width:1px;background:rgba(255,255,255,.6);}
    #online a:last-child:after{ display:none}
    #online .ol-home{ background-position: center 12px;} 
    #online .ol-tel{ background-position: center -28px;} 
    #online .ol-qq{ background-position: center -72px;} 

    body{ padding-top: 52px;}
    .scroll-top{ right: 8px; width: 38px; height: 38px;}
    .header{ position: fixed; z-index: 9999; top: 0; left: 0; width: 100%;}
    .flex-header{ height: 52px;}
    .header .logo{ position: absolute; top: 2px; left: 8px;}
    .header-nav{ border: 0 none; background: transparent;}
    .nav-mask{ position: fixed; top: 0; left: 0; z-index: 9998; width: 100%; height: 100%; background: rgba(0,0,0,.58);}
    .navbar-collapse{ display: none; position: fixed; z-index: 9999; right: 0; top: 53px; width: 68%; padding: 0; text-align: center; background: #1d1d1d;}
    .navbar-collapse .container{ padding: 0;}
    .navbar-toggle{ position: absolute; top: 0; right: 0; width: 52px; height: 52px; border-radius: 0; border: 0 none; margin: 0; background: #1d1d1d;}
    .navbar-toggle .icon-bar{ margin: 0 auto; background-color: #fff;}
    .navbar-nav{ width: 100%; margin: 0;}
    .navbar-nav>li{ width: 100%; height: auto; background: none;}
    .navbar-nav>li>a{ height: 48px; line-height: 48px; font-size: 14px; color: #fff; border-bottom: 1px dotted #dbdbdb;}
    
    .skitter .info_slide_dots{ bottom: 16px;}
    .mod{ padding: 20px 0;}
  	.flex-title{ margin-bottom: 12px;}
  	.title .china{ font-size: 18px;}
  	.title .en{ margin-left: 6px; font-size: 14px;}
  	.mod-cert .btn-swiper{ display: none;}

  	.news-info .pic{ margin-bottom: 8px;}
  	.news-info .name{ font-size: 14px;}
  	.mod-about .frame{ width: 58%;}
  	.mod-about .btn-more{ float: none; margin: 8px auto 0;}

    /* init */
    .init{ padding: 18px 0;}
    .init-title{ width: 48%; font-size: 20px;}
    .init-title .en{ margin: 0; font-size: 16px;}
    .init-about .txt{ margin-bottom: 8px; font-size: 14px;}

	.menu{ position: fixed; z-index: 88;top:200px; left: 8px; width: 38px; height: 38px; font-size: 24px; line-height: 36px; color: #fff; cursor: pointer; text-align: center; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); background: #287acc;}
	.menu.rotate{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
	.switch-nav{ display: none; position: fixed; z-index: 999; bottom: 28px; left: 48px; width: 108px; background: #287acc;}
    .switch-nav a{ display: block; width: 100%; font-size: 14px;}

	.list a{ padding: 12px 12px 12px 182px;}
	.list .pic{ left: 12px; top: 12px; width: 158px; height: 120px;}
	.list .info{ height: 120px;}
	.list .txt{ height: 48px;}

	.recruit-list a{ display: block;}
	.recruit-list .name, .recruit-list .txt{ width: 100%;}
	.recruit-list .txt{ padding-right: 68px;}
	.recruit-list .date{ position: absolute; bottom: 12px; right: 0; font-size: 12px;}
	.form-online{ padding: 0 0 18px;}
	.form-online .between{ display: block;}
	.form-online .flex-half{ width: 100%;}
	.form-online .start{ margin-bottom: 18px;}

	.init-pro .main{ margin: 0;}
	.aside-list{ width: 158px;}
	.aside-list li{ border-bottom: 1px solid #f6f6f8;}
	.aside-list li:last-child{ border: 0 none;}
	.aside-list .sublist{ width: 158px; padding: 8px 12px;}
	.sublist li{ border-bottom: 1px dashed #9cceff;}

	.init-detail .title{ font-size: 16px;}
    .news-pagination a{ font-size: 14px;}
    .news-pagination .btn-back{ padding-left: 40px; font-size: 15px;}
    .pagination{ margin: 15px 0 0;}
    .pagination li{ margin-bottom: 8px;}
}
.youlianMw{    
background: url(../images/mw_logo_hover.png) no-repeat right center;color:#fff;
    padding-right: 92px;}
.youlianMw:hover{    
background: url(../images/mw_logo.png) no-repeat right center;color:#fff;
    padding-right: 92px;}
@media screen and (max-width: 480px){
    .wrap-xs{ width: 100%; overflow: hidden;}
    .hide-phone, .carousel-computer{ display: none;}
    .show-phone, .carousel-mobile{ display: block;}
    .copyright span{ display: inline-block;}
    .copyright a{font-size: 11px;}
    .carousel-indicators{ bottom: 0; text-align: center;}

	.header .logo{ width: 58%;}
	.skitter .info_slide_dots{ bottom: 8px;}
    .mod{ padding: 18px 0;}
    .flex-news .col{ width: 100%;}
    .flex-news .col-whole{ margin-top: 0;}
    .news-info{ margin-bottom: 12px;}

    .title .en{ display: none;}
    .swiper-next{ right: -42px;}
    .swiper-prev{ left: -42px;}
    .mod-about .frame{ width: 68%;}
    .case-list{ margin: 0 -6px;}
    .case-list li{ width: 50%; margin-bottom: 12px;}
    
    /* init */
    .init{ padding: 18px 0;}
    .init .inner{ padding: 18px 12px 5px;}
    .init-title{ width: 88%; font-size: 18px; margin-bottom: 8px;}
    .init-title .en{ font-size: 13px;}
    .flex-crumb{ height: 36px; font-size: 12px; line-height: 36px;}
	.flex-crumb .flex-row{ display: block;}
	
	.list li{ margin-bottom: 8px;}
	.list a{ padding: 8px 8px 8px 128px;}
	.list .pic{ left: 8px; top: 8px; width: 108px; height: 85px;}
	.list .info{ height: 88px;}
	.list .name{ margin-top: -4px; font-size: 15px;}
	.list .txt{ height: 40px; margin: 0; line-height: 20px;}
	.list .date{ font-stretch: 12px;}

    .form-online .flex-row{ display: block; padding: 0;}
    .form-online .start{ margin-bottom: 10px;}
    .form-online .control-label{ position: static;}
    .form-online .btn-confirm{ margin-top: 18px;}

    /* 新闻详情 */
    .init-detail .inner{ padding-bottom: 58px;}
    .news-more{ margin-top: 18px;}
    .news-more .caption{ margin-bottom: 8px; font-size: 18px;}
    .news-pagination{ padding: 10px;}
    .news-pagination a{ width: 100%;}
    .news-pagination .btn-back{ top: auto; right: auto; left: 0; bottom: -60px; width: 110px; padding-left: 28px; font-size: 13px; text-align: center; background-position: 15px 10px; background-size: 20px;}

    .news-catagory .pic{ width: 100%; height: auto; margin: 0 auto 10px;}
    .news-catagory img{ width: 100%;}
    .news-catagory .detail{ padding: 10px;}
}